<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>untitled</title>
	<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" charset="utf-8"/>
</head>
<body>

<div id="page">
    <!--<div class="leftFootPrints"></div>
    <div class="rightFootPrints"></div>-->
    <div id="navigation">
        <ul class="clearfix">
            <li class="current"><a href="index.html">Home</a></li>
            <li><a href="adoptions.html">Adoptions</a></li>
            <li><a href="donations.html">Donations</a></li>
            <li><a href="about_us.html">About Us</a></li>
            <li><a href="contact_us.html">Contact Us</a></li>
        </ul>
        <div class="socialMedia clearfix">
            <a href="" class="facebook">FB</a>
            <a href="" class="twitter">Tw</a>
        </div><!-- close socialMedia -->
    </div><!-- close navigation -->
    <div id="header">
        <h1><img src="images/logo_main.png" alt="Caring About The Strays"/></h1>
        <div class="callUs">
            Thinking about adopting?
            <div class="phoneNumber">Call 1-305-889-0840</div>
        </div><!-- close callUs -->
    </div><!-- close header -->
    <div id="main">
        <div class="featureRow clearfix">
            <div class="featurePets clearfix">
                <div class="featuredPet one floatLeft clearfix">
                    <div class="petImage">
                        <img src="images/img_pet_placeholder.png" alt="Pet Placeholder" />
                    </div><!-- close petImage -->
                    <div class="petInfo">
                        <h3>Say Hi To:</h3>
                        <div class="petName">Macy</div>
                        <div class="petDetails">
                            <h3>Details:</h3>
                            <ul>
                            	<li class="animalType">Dog</li>
                            	<li class="animalBreed">Mixed Breed</li>
                            	<li class="animalSex">Female</li>
                            	<li class="animalAge">Age 4</li>
                            	<li class="animalOther">Great with kids!</li>
                            </ul>
                        </div><!-- close petDetails -->
                        <div class="adoptButton">Click Here To Adopt!</div>
                    </div><!-- close petInfo -->
                </div><!-- close feauturedPet -->
                <div class="featuredPet two floatLeft clearfix">
                    <div class="petImage">
                        <img src="images/img_pet_placeholder.png" alt="Pet Placeholder" />
                    </div><!-- close petImage -->
                    <div class="petInfo">
                        <h3>Say Hi To:</h3>
                        <div class="petName">Stacy</div>
                        <div class="petDetails">
                            <h3>Details:</h3>
                            <ul>
                            	<li class="animalType">Dog</li>
                            	<li class="animalBreed">Mixed Breed</li>
                            	<li class="animalSex">Female</li>
                            	<li class="animalAge">Age 4</li>
                            	<li class="animalOther">Great with kids!</li>
                            </ul>
                        </div><!-- close petDetails -->
                        <div class="adoptButton">Click Here To Adopt!</div>
                    </div><!-- close petInfo -->
                </div><!-- close feauturedPet -->
                <div class="featuredPet three floatLeft clearfix">
                    <div class="petImage">
                        <img src="images/img_pet_placeholder.png" alt="Pet Placeholder" />
                    </div><!-- close petImage -->
                    <div class="petInfo">
                        <h3>Say Hi To:</h3>
                        <div class="petName">Lacy</div>
                        <div class="petDetails">
                            <h3>Details:</h3>
                            <ul>
                            	<li class="animalType">Dog</li>
                            	<li class="animalBreed">Mixed Breed</li>
                            	<li class="animalSex">Female</li>
                            	<li class="animalAge">Age 4</li>
                            	<li class="animalOther">Great with kids!</li>
                            </ul>
                        </div><!-- close petDetails -->
                        <div class="adoptButton">Click Here To Adopt!</div>
                    </div><!-- close petInfo -->
                </div><!-- close feauturedPet -->
                <div class="otherFeaturedPets floatRight">
                    <div class="feature current">
                        <div class="featureArrow"></div>
                        <div class="featThumb">
                            <img src="images/img_featThumb_placeHolder.png" alt="" />
                        </div><!-- close featThumb -->
                        <div class="featName">
                        Macy
                        </div><!-- close featName -->
                    </div><!-- close feature -->
                    <div class="feature">
                        <div class="featureArrow"></div>
                        <div class="featThumb">
                            <img src="images/img_featThumb_placeHolder.png" alt="" />
                        </div><!-- close featThumb -->
                        <div class="featName">
                        Stacy
                        </div><!-- close featName -->
                    </div><!-- close feature -->
                    <div class="feature last">
                        <div class="featureArrow"></div>
                        <div class="featThumb">
                            <img src="images/img_featThumb_placeHolder.png" alt="" />
                        </div><!-- close featThumb -->
                        <div class="featName">
                        Lacy
                        </div><!-- close featName -->
                    </div><!-- close feature -->
                </div><!-- close otherFeaturedPets -->
            </div><!-- close featurePets -->
            <div class="featureAd">
                <img src="images/ad_placeholder.png" alt="AD" />
            </div><!-- close featurePets -->
        </div><!-- close featureRow -->
        <div class="newsEventsRow">
            <h2>News &amp; Events</h2>
        </div><!-- close newsEventsRow -->
        <div class="otherItemsRow clearfix">
            <div class="aboutUsBox">
            	<h3>About Us</h3>
            	<a href="" class="text">Learn more about what we do.</a>
            </div><!-- close aboutUsBox -->
            <div class="donateNowBox">
            	<h3>Donate Now!</h3>
            	<a href="" class="text">Click here to help out.</a>
            </div><!-- close donateNowBox -->
        </div><!-- close otherItemsRow -->
    </div><!-- close main -->
  <div id="footer">
  </div><!-- close footer -->
</div><!-- close page -->

<script src="js/jquery-1.5.min.js"></script>
<script src="js/jquery.featureList-1.0.0.js"></script>
<script src="js/featureBox.js"></script>
</body>
</html>